<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit">
<title>建立试题</title>
<link rel="stylesheet" href="../../Content/css/bootstrap.min.css" />
<link rel="stylesheet" href="../../Content/css/font-awesome.min.css" />
<link rel="stylesheet" href="../../Content/css/base.css" />
<link rel="stylesheet" type="text/css" href="../../Content/css/user.css"/>
<link rel="stylesheet" href="../../Content/css/<!--kaoshi-->.css" />
<!--编辑器样式-->
<link href="../../Scripts/umeditor1_2_2/themes/default/_css/umeditor.css" type="text/css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body>
<header id="header">
	<!--头部文件从最下面load读取 ../public/head.html--> 
</header>
<div class="container" id="main">
	<style type="text/css">
		.page-title{border-bottom: 2px solid gainsboro; padding: 0;}
		.page-title span{ display: inline-block; border-bottom: 2px solid #1A53A2; height: 30px; margin-bottom: -2px; }
		footer{text-align: center; font-size: 12px; color: gray; background: #FAFAFA;position:absolute; bottom: 0; line-height: 25px; width: 100%;}
	</style>
	<div class="page-header page-title h4 container-fluid"> <span>试题管理：选择岗位、职能</span></div>
	<div class="row">
		<div class="col-md-3">
			<div class="panel panel-default">
				<div class="panel-heading">选择岗位</div>
				 <ul class="list-group">
				 	<li class="list-group-item"><a href="#">人力资源管理</a></li>
				 	<li class="list-group-item"><a href="#">商贸零售管理</a></li>
				 	<li class="list-group-item"><a href="#">市场营销</a></li>
				 	<li class="list-group-item"><a href="#">运营管理</a></li>
				 	<li class="list-group-item"><a href="#">财务管理</a></li>
				 	<li class="list-group-item"><a href="#">商务管理</a></li>
				 	<li class="list-group-item"><a href="#">人力资源管理</a></li>
				 	<li class="list-group-item"><a href="#">商贸零售管理</a></li>
				 	<li class="list-group-item"><a href="#">市场营销</a></li>
				 	<li class="list-group-item"><a href="#">运营管理</a></li>
				 	<li class="list-group-item"><a href="#">财务管理</a></li>
				 	<li class="list-group-item"><a href="#">商务管理</a></li>
				 </ul>
			</div>
			
		</div>
		<div class="col-md-9">
		<div class="panel panel-default">
			<div class="panel-heading" >
				<span class="">选择职能</span>
				<a data-slide="huachu" class="btn btn-success btn-xs pull-right btn-add"><i class="glyphicon glyphicon-plus "></i>新增职能</a>
			</div>
			 <table  class="table">
			 	<tr>
			 		<td class="btn-show"><a href="#">1.0 理解人力资源管理，其发展、目的与组织</a></td>
			 		<td>
			 			<div class="btn-group">
						  <button type="button" class="btn btn-primary">出题</button>
						  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
						    <span class="caret"></span>
						  </button>
						  <ul class="dropdown-menu" role="menu">
						    <li><a class="btn-add" href="#">修改</a></li>
						    <li><a href="#">删除</a></li>
						  </ul>
						</div>
			 		</td>
			 	</tr>
			 	<tr>
			 		<td class="btn-show"><a href="#">2.0 理解就业市场以及组织在其中运营的框架如何作用于人员管理</a></td>
			 		<td >
					<div class="btn-group">
						  <button type="button" class="btn btn-primary">出题</button>
						  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
						    <span class="caret"></span>
						  </button>
						  <ul class="dropdown-menu" role="menu">
						    <li><a class="btn-add" href="#">修改</a></li>
						    <li><a href="#">删除</a></li>
						  </ul>
						</div>
			 		</td>
			 	</tr>
			 	<tr>
			 		<td class="btn-show"><a href="#">3.0 理解企业组织如何计划并满足其人力资源需求</a></td>
			 		<td>
						<div class="btn-group">
						  <button type="button" class="btn btn-primary">出题</button>
						  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
						    <span class="caret"></span>
						  </button>
						  <ul class="dropdown-menu" role="menu">
						    <li><a class="btn-add" href="#">修改</a></li>
						    <li><a href="#">删除</a></li>
						  </ul>
						</div>
			 		</td>
			 	</tr>
			 	<tr>
			 		<td class="btn-show"><a href="#">4.0 描述和评价用于使个人和团体一起有效工作并解决冲突的方式</a></td>
			 		<td>
						<div class="btn-group">
						  <button type="button" class="btn btn-primary">出题</button>
						  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
						    <span class="caret"></span>
						  </button>
						  <ul class="dropdown-menu" role="menu">
						    <li><a class="btn-add" href="#">修改</a></li>
						    <li><a href="#">删除</a></li>
						  </ul>
						</div>
			 		</td>
			 	</tr>
			 	<tr>
			 		<td><a href="#">5.0 解释与分析企业组织如何奖励、激励和提高雇员</a></td>
			 		<td>
						<div class="btn-group">
						  <button type="button" class="btn btn-primary">出题</button>
						  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
						    <span class="caret"></span>
						  </button>
						  <ul class="dropdown-menu" role="menu">
						    <li><a class="btn-add" href="#">修改</a></li>
						    <li><a href="#">删除</a></li>
						  </ul>
						</div>
			 		</td>
			 	</tr>
			 </table>
		</div>
		
	</div>
	</div>
	
	
</div>

<!--新增职能-->
<div class="beizhu add-zhineng">
	<div class="beizhu-con">
		<button type="button" class="close"><span>&times;</span></button>
		<h4 class="page-header">新增职能</h4>
		<div class="form-group">
			<label for="">职能名称</label>
			<input type="text" class="form-control" />
		</div>
		<div class="form-group">
			<label for="">工作任务</label>
			<input type="text" class="form-control" />
		</div>
		<div class="form-group">
			<label for="">技能要点</label>
			<textarea rows="3" placeholder="技能要点" class=" form-control"></textarea>
		</div>
		<div class=" form-group clearfix">
			<a href="#" class="btn btn-primary pull-right"> 保存</a>
		</div>
	</div>
</div>

<!--查看职能-->
<div class="beizhu show-zhineng">
	<div class="beizhu-con">
		<button type="button" class="close"><span>&times;</span></button>
		<h4 class="page-header">职能详细</h4>
		<div class="form-group">
			<label for="">职能名称</label>
			<div for="">理解人力资源管理，其发展、目的与组织  </div>
		</div>
		<div class="form-group">
			<label for="">工作任务</label>
			<div for="">理解人力资源管理，其发展、目的与组织  </div>
		</div>
		<div class="form-group">
			<label for="">技能要点</label>
			<p>技能要点包括：对目前优势、优劣的分析（例如人员更替与留存率：旷工；服务年限：工作满足感：保建与安全记录；）</p>
		</div>
		<div class=" form-group clearfix">
			<a href="#" class="btn btn-primary pull-right"> 出题</a>
		</div>
	</div>
</div>
<footer>版权所有：北京英标人力资源有限公司&nbsp;&nbsp; 电话：010-8838838</footer>
<script src="../../Scripts/jquery.min.js"></script>
<script src="../../Scripts/bootstrap.min.js"></script>
<script src="../../Scripts/base.js" type="text/javascript" charset="utf-8"></script>
<script>
$(function(){
	//读取共用的头部和菜单文件
	$("#header").load("header.html nav");
	
	//新增职能
	$(".btn-add").click(function(e){
		e.stopPropagation();
		e.preventDefault();
		$(".add-zhineng").beizhu();
	});
	//		查看职能
	$(".btn-show").click(function(e){
		e.stopPropagation();
		e.preventDefault();
		$(".show-zhineng").beizhu();
	});

})
</script>

</body>
</html>
